import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Header from './components/Header';
import Banner from './components/Banner';
import Solutions from './components/Solutions';
import Advantages from './components/Advantages';
import Clients from './components/Clients';
import Footer from './components/Footer';
import PerformanceMonitor from './components/PerformanceMonitor';
import ZhinvAI from './components/ZhinvAI';

// 主页组件
const HomePage = () => (
  <>
    <div id="home">
      <Banner />
    </div>
    <div id="solutions">
      <Solutions />
    </div>
    <div id="advantages">
      <Advantages />
    </div>
    <div id="clients">
      <Clients />
    </div>
    <div id="about">
      <Footer />
    </div>
  </>
);

function App() {
  return (
    <Router>
      <div className="App">
        <PerformanceMonitor />
        <Header />
        <Routes>
          <Route path="/" element={<HomePage />} />
          <Route path="/zhinv-ai" element={<ZhinvAI />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;
